<!-- 职位列表 -->
<template>
	<view class=" bgff pd  pm20 zxcvxcvrtrt">
		<view class="vcxvxtgreyt" v-for="sd in kxzcxfdf" @tap="kzxzretsre(sd)">
			<view class="pr fxvcvxcrytry">
					<frImage :src="sd.img" lazy-load class="w100 h100 cz"></frImage>
				<view class="kxcxzcf cf fz22">
					<text class="f_i" v-for="sda in caifen(sd.tag)">{{sda}}</text>
				</view>
			</view>
			<view class="pd pt20 pm20">
				<view class="xczxcdrfsere">
					<view class="dianer fz30 tlddq xzdsfsdczxcere">
						<text class="fz26">{{sd.name}}</text>
					</view>
					<view class="fz24 red mt10">
						{{sd.payOverall}}
					</view>
					<view class="mt10 fz24 z9">
						日领薪酬: <text class="z3">{{sd.pay}}元</text>
					</view>
					<view class="z9 fz24 mt20">
						{{sd.companyName}}
					</view>
				</view>
				<view class="display-flex">
					<view class="xczxctrtr vertical-center pr">
						<icon class=" iconfont icon-fenxiang ls cz"></icon>
					<button @tap.stop="xczxretsr" type="default" open-type="share" class="dfsfrtxctrt"></button>
					</view>
					<view class="ml20 flex-1">
						<button type="primary"
						 size="mini" class="w100" open-type="contact"
							@tap.stop="xczxretsr">咨询客服</button>
					</view>
				</view>
			</view>
		</view>
		
	
	
	</view>
	<view class="vertical-center mt100" v-if="kxzcxfdf.length<=0">

			<image src="../../static/img/noData.png" class="xczxcertfdgtrr"></image>
			<view class="mt20 z9 fz24">
				暂无数据!
			</view>
	
	</view>
</template>
<script lang="ts" setup>
	import { hf, caifen,VerifyTheLogin } from "@/util/index.js"
import frImage from "./fr-image/fr-image.vue"

	const props = defineProps({
		kxzcxfdf: { type: Array }
	})


	const xczxretsr = () => {

	}
	const kzxzretsre =async (sd)=>{
		const kmcd  = await VerifyTheLogin()
		if(kmcd){
			hf('/pages/index/jobDetails?id='+sd.id)
		}
		
	}
</script>

<style scoped>
	.dfsfrtxctrt{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
		opacity: 0;
	}
</style>